<template>
	<div>
		<section v-if="classId">
			<ClassDetail :id="classId" :showDetail="changeId"></ClassDetail>
		</section>
		<ClassList v-else :showDetail="changeId"/>
	</div>
</template>

<script setup>
import ClassDetail from './details'
import { ref } from 'vue'
import ClassList from './list'
const classId = ref(null)
function changeId (id) {
	classId.value = id
}
</script>

<style scoped lang="scss">
</style>